<!DOCTYPE html>
<html lang="ko-KR" class="react-fullpage__parents">

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="assets/css/index.css" data-n-g="" />
  <script src="assets/js/jquery-3.3.1.min.js"></script>
</head>

<body>
  <div class="footer">
    <div class="footer_inner">
      <div class="footer_top">
        <p>사업자명 : Deep Fake INTERNATIONAL SINGAPORE PTE. LTD.</p>
        <p>사업자등록번호 : 202004759W</p>
        <p>Copyright © 2025 Deep Fake All Rights Reserved</p>
        <p>쿠키를 사용하여 이 사이트에서 귀하의 경험을 향상시킵니다. 저희 웹사이트를 계속 이용하시면, 쿠키 사용에 동의하시는 것입니다. 추가 정보 Deep Fake 개인정보 보호정책</p>
      </div>
    </div>
  </div>
  <div class="footer_popup" id="contact_popup">
    <div class="footer_popup_inner">
      <img src=".//assets/svg/login/close.svg" class="footer_popup_close" alt="">
      <div class="footer_popup_tit">피드백</div>
      <div class="footer_popup_desc">아래의 피드백을 통해 또는 이메일로 문의하실 수 있습니다</div>
      <div class="footer_popup_mailbox">
        <span>lokshorts-support@imyfone.com</span>
        <div>복사</div>
      </div>
      <div class="footer_popup_or">
        <div class="footer_popup_or_line"></div>
        <div class="footer_popup_or_t">또는</div>
        <div class="footer_popup_or_line"></div>
      </div>
      <form id="contact_form">
        <div class="form_item">
          <label for="email">
            <font>*</font>귀하의 이메일
          </label>
          <input type="text" id="email" name="email" maxlength="100" placeholder="이메일 주소를 입력하세요">
          <span id="emailError" class="form_error"></span>
          <span class="form_item_number">0 / 100</span>
        </div>
        <div class="form_item">
          <label for="feedback">
            <font>*</font>피드백
          </label>
          <textarea id="feedback" name="feedback" maxlength="1000" placeholder="피드백을 입력하세요"></textarea>
          <span id="feedbackError" class="form_error"></span>
          <span class="form_item_number">0 / 1000</span>
        </div>
        <div class="form_item">
          <label for="image">이미지</label>
          <div class="form_item_upload">
            <img src=".//assets/svg/index/add-icon.svg" alt="">
          </div>
          <input name="file" multiple="" accept="" type="file" id="fileInput">
        </div>
        <div class="form_item">
          <div type="submit" class="feedback_form_btn flex flex-center" onclick="validateForm()">확인</div>
        </div>
      </form>

    </div>
  </div>
  <style>
    .footer {
      width: 100%;

      background: #1D1F22;
    }

    .footer_inner {
      max-width: 1600px;
      margin: 0 auto;

    }

    .footer_top {
      padding: 50px 0;
    }

    .footer_top p {
      margin-top: 5px;
      color: rgba(170, 170, 170, 0.67);
      font-family: "S-Core Dream";
      font-size: 12px;
      font-style: normal;
      font-weight: 200;
      line-height: 15.41px;
    }

    .footer_tit {
      font-size: 32px;
      font-weight: 600;
      margin-bottom: 24px;
    }

    .footer_row {
      font-size: 16px;
      font-weight: 200;
      margin-bottom: 16px;
    }

    .footer_box {
      display: flex;
      padding: 47px 0;
      justify-content: space-between;
    }

    .footer_box_item_tit {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 18px;
    }

    .footer_box_item_text {
      cursor: pointer;
      padding: 13px 0;
      color: #B1B1B1;
      transition: all 0.3s;
    }

    .footer_box_item_text:hover {
      color: #13AFF0;
    }

    .footer_box_item_icon_item {
      margin-right: 15px;
    }

    .footer_box_item_img {
      width: 165px;
      margin-bottom: 20px;
    }

    .footer_inner_center {
      padding: 22px 0 50px;
      border-top: 1px solid #575757;
      text-align: center;
      color: #B1B1B1;
      font-weight: 200;
    }

    .footer_inner_bottom {
      max-width: 1600px;
      width: 100%;
      display: flex;
      padding: 31px 0;
      background: #1D1F22;
      box-shadow: 0px -4px 3.9px 0px rgba(0, 0, 0, 0.30);
      justify-content: center;
      align-items: center;
      font-size: 13px;
    }

    .footer_inner_bottom>span:nth-child(2) {
      margin: 0 24px 0 8px;
    }

    .footer_inner_bottom_btn {
      height: 40px;
      line-height: 40px;
      padding: 0 25px;
      border-radius: 5px;
      border: 1px solid #6B6B6B;
      background: #000;
    }

    .footer_popup {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      z-index: 1000;
      display: none;
      align-items: center;
      justify-content: center;
    }

    .footer_popup_inner {
      padding: 32px 20px;
      border-radius: 20px;
      background-color: #23262B;
      width: 95%;
      max-width: 860px;
      position: relative;
    }

    .footer_popup_close {
      position: absolute;
      top: 14px;
      right: 16px;
      width: 21px;
      height: 21px;
      cursor: pointer;
      transition: all .5s;
    }

    .footer_popup_close:hover {
      transform: rotate(180deg)
    }

    textarea {
      resize: none;
    }

    .footer_popup_inner {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .footer_popup_tit {
      font-size: 40px;
      font-weight: 700;
      letter-spacing: 2px;
    }

    .footer_popup_desc {
      width: 100%;
      font-size: 20px;
      font-weight: 600;
      letter-spacing: 1px;
      margin-top: 16px;
      margin-bottom: 6px;
    }

    .footer_popup_mailbox {
      width: 100%;
      height: 70px;
      border-radius: 10px;
      background: #4E5255;
      display: flex;
      align-items: center;
      padding: 22px;
      position: relative;
    }

    .footer_popup_mailbox>span {
      color: #989898;
      font-size: 20px;
      font-weight: 200;
      letter-spacing: 1px;
    }

    .footer_popup_mailbox>div {
      width: 125px;
      height: 59px;
      line-height: 59px;
      text-align: center;
      flex-shrink: 0;
      border-radius: 10px;
      background: #13AFF0;
      color: #FFF;
      font-size: 20px;
      font-weight: 600;
      letter-spacing: 1px;
      position: absolute;
      top: calc(50% - 29.5px);
      right: 6px;
      cursor: pointer;
    }

    .footer_popup_mailbox>div:hover {
      opacity: 0.8;
    }

    .footer_popup_or {
      width: 100%;
      display: flex;
      align-items: center;
      justify-items: center;
      margin-top: 19px;
      margin-bottom: 17px;
    }

    .footer_popup_or_line {
      flex: 1;
      height: 1px;
      background-color: #686D74;
    }

    .footer_popup_or_t {
      color: #686D74;
      font-size: 16px;
      font-weight: 200;
      letter-spacing: 0.8px;
      padding: 0 22px;
    }

    .footer_popup form {
      width: 100%;
    }

    .footer_popup form .form_item {
      display: flex;
      flex-direction: column;
      padding-bottom: 32px;
      position: relative;
    }

    .footer_popup form .form_item label {
      font-size: 20px;
      font-weight: 600;
      letter-spacing: 1px;
      margin-bottom: 6px;
    }

    .footer_popup form .form_item label font {
      color: #F00;
      font-size: 20px;
      font-weight: 600;
      letter-spacing: 1px;
    }

    .footer_popup form .form_item input,
    .footer_popup form .form_item textarea {
      height: 70px;
      border-radius: 10px;
      background-color: #4E5255;
      border: none;
      color: #FFF;
      padding: 16px 22px;
      font-size: 16px;
    }

    .footer_popup form .form_item input::placeholder,
    .footer_popup form .form_item textarea::placeholder {
      color: #989898;
    }

    .footer_popup form .form_item .form_error {
      color: #F00;
      font-size: 14px;
      font-weight: 200;
      letter-spacing: 0.7px;
      margin-top: 10px;
      height: 18px;
    }

    .footer_popup form .form_item .form_item_number {
      color: #B1B1B1;
      font-size: 14px;
      font-weight: 200;
      letter-spacing: 0.7px;
      position: absolute;
      bottom: 25px;
      right: 0;
    }

    .footer_popup form .form_item textarea {
      height: 110px;
    }

    .form_item_upload {
      width: 129px;
      height: 129px;
      border-radius: 13.03px;
      border: 0.652px solid #868D92;
      background: #4E5255;
      cursor: pointer;
      padding: 30px;
    }

    .form_item_upload:hover {
      opacity: 0.8;
    }

    .form_item_upload>img {
      width: 100%;
      height: 100%;
    }

    #fileInput {
      display: none;
    }

    .feedback_form_btn {
      width: 50%;
      height: 48px;
      border-radius: 50px;
      background-color: #13AFF0;
      border: none;
      color: #FFF;
      cursor: pointer;
      margin: 0 auto;
      margin-top: 40px;
    }

    .footer_box_item_tit svg {
      display: none;
    }

    @media (max-width: 650px) {
      .footer_top {
        padding: 24px 10px;
        text-align: center;
      }

      .footer_tit,
      .footer_row {
        font-size: 16px;
      }

      .footer_box {
        padding: 32px 0;
        flex-direction: column;
        gap: 16px;
      }

      .footer_box_item_tit {
        margin-bottom: 16px;
      }

      .footer_box_item:first-child .footer_box_item_tit {
        margin-bottom: 0;
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.13);
      }

      .footer_box_item:nth-child(2) .footer_box_item_tit {
        margin-bottom: 0;
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.13);
      }

      .footer_inner_bottom {
        display: none;
      }

      .footer_inner_center {
        padding: 22px 0;
      }

      .footer_box_item_tit {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .footer_box_item_tit svg {
        display: block;
      }

      .footer_box_item_content {
        height: 0;
        overflow: hidden;
        transition: all 0.5s;
      }

      .footer_box_item.active .footer_box_item_tit {
        color: #13AFF0;
      }

      .footer_box_item svg {
        transition: all 0.5s;
      }

      .footer_box_item.active svg {
        transform: rotate(180deg);
      }

      .footer_box_item.active svg path {
        fill: #13AFF0;
      }

      .footer_box_item.active:nth-child(1) .footer_box_item_content {
        height: 190px;
      }

      .footer_box_item.active:nth-child(2) .footer_box_item_content {
        height: 95px;
      }

      .footer_popup_inner {
        height: 80vh;
        overflow-y: auto;
      }

      .footer_popup_tit {
        font-size: 18px;
      }

      .footer_popup_desc {
        font-size: 16px;
      }

      .footer_popup_mailbox {
        height: 40px;
        padding: 10px;
      }

      .footer_popup_mailbox>span {
        font-size: 14px;
      }

      .footer_popup_mailbox>div {
        width: 54px;
        height: 33px;
        border-radius: 4.319px;
        font-size: 14px;
        top: calc(50% - 16.5px);
        line-height: 33px;
      }

      .footer_popup form .form_item label {
        font-size: 16px;
      }

      .footer_popup form .form_item input {
        height: 40px;
        padding: 11px 7px;
      }

      .form_item_upload {
        width: 99px;
        height: 99px;
      }
    }
  </style>
  <script>
    $('.item_text_to').click(function () {
      window.location.href = $(this).data('url')
    })
    $('.form_item_upload').click(function () {
      $('#fileInput').click();
    })
    $('.item_text_contact').click(function () {
      $('#contact_popup').css('display', 'flex')

    })
    $('.item_text_feedback').click(function () {
      $('#contact_popup').css('display', 'flex')

    })
    $('.footer_popup_close').click(function () {
      $('#contact_popup').hide()
    })
    function validateForm () {
      const name = document.getElementById('feedback').value;
      const email = document.getElementById('email').value;
      const nameError = document.getElementById('feedbackError');
      const emailError = document.getElementById('emailError');
      nameError.textContent = '';
      emailError.textContent = '';
      if (name.trim() === '') {
        nameError.textContent = '피드백 내용은 비어 있을 수 없습니다';
      }

      if (email.trim() === '') {
        emailError.textContent = '이메일은 비워둘 수 없습니다';
      } else {
        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        if (!emailRegex.test(email)) {
          emailError.textContent = '유효한 이메일 주소를 입력하세요';
        }
      }
      if (name.trim() !== '' && emailRegex.test(email)) {
        alert('success');
        $('#contact_popup').hide()
      }
    }
    $('#footer_box_tit1,#footer_box_tit2').click(function () {
      const parent = $(this).parent();
      parent.toggleClass('active')
    })
  </script>
</body>

</html>